<template>
  <div >
      <van-row class="aa">
  <van-col span="24"><headress/></van-col>
</van-row>
      <van-row>
  <van-col span="3"><hello-wirld @id='mak' /></van-col>
  <van-col span="21">
      <div v-if="id==1"><zuzhi/></div>
      <div v-if="id==2"><yonghu/></div>
      <div v-if="id==3"><zhiwu/></div>
      <div v-if="id==5"><permission/></div>
    
  </van-col>

</van-row>
 


  </div>
</template>

<script>
import zuzhi from "../com/zuzhi.vue"
import headress from "../com/headress.vue"
import HelloWirld from "../HelloWorld.vue"
import yonghu from "../com/yonghu.vue"
import zhiwu from "../com/zhiwu.vue"
import Permission from './permission.vue'
export default {
    components:{ zuzhi,headress,HelloWirld,yonghu,zhiwu,Permission },
    data(){
        return{
            id:1,
        }
    },
    methods:{
        mak(id){
            this.id=id
        },

    }


}
</script>

<style>
.aa{
    text-align: right;
    background-color: royalblue;
    height: 60px;
}

</style>